<template>
  <div class="spjoin">
    <div class="t">
      <div class="cn">门店加盟</div>
      <div class="en">Store franchise</div>
    </div>
    <div class="b">
      <div class="fir">
        <div class="l">
          <div class="cn">01 单店加盟</div>
          <div class="en">Single Unit Franchise</div>
        </div>
        <div class="r">联系电话：136-0246-1913</div>
      </div>
      <div class="sec">
        <div class="l">
          <div class="cn">02 海外代理</div>
          <div class="en">Overseas Representative</div>
        </div>
        <div class="r">联系电话：136-0246-1913</div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.spjoin {
  height: 5.12rem;
  color: #fff;
  background-color: #0c5da9;
  padding: 0 0.35rem;
}
.spjoin .t {
  padding-top: 0.5rem;
  padding-bottom: 0.8rem;
  border-bottom: 0.02rem solid #fff;
}
.spjoin .t .cn {
  font-size: 0.56rem;
}
.spjoin .t .en {
  font-size: 0.33rem;
}
.spjoin .b > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 0.92rem;
  border-bottom: 0.02rem solid #fff;
}
.spjoin .b .en {
  font-size: 0.18rem;
  opacity: 0.65;
}
.spjoin .b .r {
  font-size: 0.22rem;
  padding-right: 0.57rem;
}
</style>